<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<link rel="stylesheet" type="text/css" href="css/test2.css"/>
		<!--<link rel="stylesheet" href="css/jquery.mobile-1.3.2.css" />-->
		<!--<script type="text/javascript" src="js/touche.js" ></script>-->
		<script type="text/javascript" src="js/jquery.js" ></script>
		<!--<script type="text/javascript" src="js/jquery.mobile-1.3.2.js" ></script>-->
		<script type="text/javascript">
//			$(document).on("pagecreate","#view",function(){
//			  $(".signin").on("tap",function(){
//			    $(this).hide();
//			  });                       
//			});
//		$("#view").swipeleft(function(){
//			$(".signin").hide();
//		});
	$(function(){
		$('.singup').click(function  () {
			$(this).parents().find('#view').css({'display':'block'}).siblings('#view2').css({'display':'none'});
//			$("#view").css({'display': 'block'});
//			$("#view2").css({'display': 'none'});
		})
		$('.signin').click(function  () {
			$(this).parents().find('#view').css({'display':'none'}).siblings('#view2').css({'display':'block'});
//			$("#view").css({'display': 'none'});
//			$("#view2").css({'display': 'block'});
		})
		$('.return').click(function  () {
			$(this).parents().find('#view').css({'display':'none'}).siblings('#view2').css({'display':'block'});
//			$("#view").css({'display': 'none'});
//			$("#view2").css({'display': 'block'});
		})

	});
	
		</script>
	</head>
	<body>
		<div class="m-logo"></div>
		<!--注册-->
		<div id="view" class="view-box m-signin" style="display: none;">
			<form action="" method="post">
				<div class="title">
					<a class="return"><i class="icon-sign arrow return"></i>返回</a>
					<a  href="javascript:;" class="signin">登录<i class="icon-sign arrow"></i></a>
				</div>
				<div class="input-wrapper"><input type="text" name="name" id="name" placeholder="姓名"/></div>
				<div class="input-wrapper"><input type="text" name="email" id="email" placeholder="手机号或邮箱"/></div>
				<div class="input-wrapper"><input type="password" name="paw" id="paw" placeholder="密码（不少于6位）"/></div>
				<div class="input-wrapper"><button class="sign-btn submit" type="submit">注册知乎</button></div>
				<div class="input-wrapper">
					<span>社交账号登录</span>
					<a href="javascript:;" class="icon-sign"></a>
					<a href="javascript:;" class="icon-sign qq"></a>
				</div>
			</form>
		</div>
		<!--注册-->
		<!--登录-->
		<div id="view2" class="view-box m-signup">
			<form action="" method="post">
				<div class="title">
					<a class="return"><i class="icon-sign arrow return"></i>返回</a>
					<a  href="javascript:;" class="singup">注册<i class="icon-sign arrow"></i></a>
				</div>
				<div class="input-wrapper"><input type="text" name="email" id="email" placeholder="手机号或邮箱"/></div>
				<div class="input-wrapper"><input type="password" name="paw" id="paw" placeholder="密码"/></div>
				<div class="input-wrapper"><button class="sign-btn submit" type="submit">登录</button></div>
				<div class="input-wrapper" id="remember">
					<label class="remember-me">
						<input type="checkbox" name="remember_me" checked="" value="true"> 记住我
					</label>
					<a class="unable-login" href="#">无法登录?</a>
				</div>
				<div class="input-wrapper">
					<span>社交账号登录</span>
					<a href="javascript:;" class="icon-sign"></a>
					<a href="javascript:;" class="icon-sign qq"></a>
				</div>
			</form>
		</div>
		<!--登录-->
	</body>
</html>
